<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><#assign path="${request.getContextPath()}">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="${path}/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
<link href="${path}/userCenter/css/validationEngine.jquery.css" type="text/css" rel="stylesheet"/>
<script src="${path}/jquery/jquery.blockUI.js" type="text/javascript"></script>
<script src="${path}/jquery/jquery.validationEngine-en.js" type="text/javascript"></script>
<script src="${path}/jquery/jquery.validationEngine.js" type="text/javascript"></script>
<link href="${path}/css/highlight.css" type="text/css" rel="stylesheet"/>
<script src="${path}/js/highlight.pack.js" type="text/javascript"></script>
<link href="${path}/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/frame.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/header.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/content.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/sidebar.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/footer.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/pager.css" type="text/css" rel="stylesheet"/>
<title>Article View</title>
<link rel="short cut icon" HREF="${path}/images/favicon.ico" />
<script>
  hljs.tabReplace = '    ';
  hljs.initHighlightingOnLoad();
</script>
</head>

<body>
<div id="wrapper">
	<#include "/header.ftl" />
	<div id="content">
		
		<div class="post">
			<h2 class="post-title"><a href="#" title="${blogArticle.article.title}"> ${blogArticle.article.title} </a></h2>
			<#assign articleDate = "${blogArticle.article.writeDate?datetime}" />
			<#assign articleDateFormart = "${articleDate?date('yy-MM-dd')}" />
			<p class="post-date">
				<span class="day">${articleDateFormart?split('-')[2]}</span> 
				<span class="month">${articleDateFormart?split('-')[1]}</span> 
				<span class="year">${articleDateFormart?split('-')[0]}</span> 
				<#if blogArticle.commentsCount gt 0><span class="postcomment">${blogArticle.commentsCount} comments</span><#else><span class="postcomment">No comment</span></#if>
			</p>
			<p class="post-data"><span class="postauthor">by ${blogArticle.article.author.userName}</span><span class="postcategory">in ${blogArticle.article.articleCategories.categoryName}</span> keys: <#list blogArticle.article.keyWordSet as keyWord>${keyWord.name} </#list> </p>
			${blogArticle.article.articlePreView?default("")}
			<#if blogArticle.displayReadMore?string == "true">
				<a href='#' class="more-link" >More</a>
			</#if>
			<hr/>
			${blogArticle.article.content?default("")}
		</div>
		<!--/post -->
	<!--	<p class="post-nav"><span class="previous">Pre</span> <span class="next">Next</span></p>  -->
	</div>
	<#include "/sideBar.html" />
	<#include "/footer.ftl" />
</div>	
</body>

</html>